<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>南昌市临空经济区重大重点项目</title>
<meta name="description" content="">
<link href="../static/css/bootstrap.min.css"
	th:href="@{/css/bootstrap.min.css}" rel="stylesheet" />
<link href="../static/css/font-awesome.min.css"
	th:href="@{/css/font-awesome.min.css}" rel="stylesheet" />
<link href="../static/css/style.css" th:href="@{/css/style.css}"
	rel="stylesheet" />
<link href="../static/css/login.min.css" th:href="@{/css/login.min.css}"
	rel="stylesheet" />
<link href="../static/jade/css/jade-ui.css"
	th:href="@{/jade/css/jade-ui.css?v=4.0.0}" rel="stylesheet" />
<!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
<link rel="shortcut icon" href="../static/favicon.ico"
	th:href="@{favicon.ico}" />
<style type="text/css">
label.error {
	position: inherit;
}
</style>
<script>
        if(window.top!==window.self){window.top.location=window.location};
    </script>
<style type="text/css">
.signin {
	height: 100%;
}

.signinpanel {
	width: 1142px;
    margin: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.login-title {
	text-align: center;
}

.signinpanel .row {
	margin: 0;
}

.signinpanel #signupForm {
	background: url(img/loginbox-bg.png) no-repeat;
    height: 703px;
    /* padding: 30px 135px; */
    border: 0;
    margin-top: calc((100vh - 703px)/2);
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 0px 0 rgba(12, 12, 12, .03);
    box-shadow: 0 0px 0 rgba(12, 12, 12, .03);
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    position: relative;
}

.signinpanel #signupForm>input {
	border-radius: 4px;
	height: 38px;
}

.signinpanel #signupForm .pword {
	margin-top: 20px;
}

#signupForm .login-code {
	width: 100%;
	margin-top: 20px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
}

#signupForm .m-t img {
	height: 38px;
	width: 75px;
}

#signupForm .code-input {
	width: 165px;
}

#signupForm .m-t .col-xs-6 {
	width: 100%;
	padding: 0;
}

#signupForm .checkbox-custom {
	width: 100%;
    margin: 0px;
    padding: 0;
    color: #333;
    margin-top: 30px;
}

#signupForm .checkbox-custom label {
	margin-left: 23px;
}

#signupForm .btn-success {
    width: 100%;
    height: 50px;
    background: #3490e3;
    border: 0;
    outline: 0;
    margin-top: 30px;
    font-size: 18px;
    font-weight: bold;
    border-radius: 0;
    box-shadow: 0 3px 10px #3490e3;
}

.signup-footer {
	position: absolute;
	width: 730px;
	left: 50%;
	bottom: 40px;
	transform: translateX(-50%);
	margin: 0;
	padding: 0;
	border: 0;
}

.signup-footer .pull-left {
	font-size: 12px;
	color: #2fa6cd;
	text-align: center;
	line-height: 25px;
}
#signupFormDiv{
    background: url(img/login-form.png);
    width: 546px;
    height: 500px;
    box-sizing: border-box;
    padding: 100px 80px;
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    right: -82px;
}
.sysName {
	font-family: 'Microsoft YaHei';
    font-weight: bold;
    text-align: left;
    margin: 0;
    width: 100%;
    font-size: 4vh;
    letter-spacing: 3px;
    margin-top: 25px;
    margin-left: 15px;
}
.signinpanel .form-control {
	background-position: 15px;
    height: 50px;
    padding: 6px 6px 6px 50px;
    border-color: #e9e9e9;
}
.checkbox-custom label:before {
    margin-top: -8px;
    width: 15px;
    height: 15px;
}
/* .checkbox-custom input[type="checkbox"]:checked+label:after {
    content: "";
    top: 42%;
    left: 0px;
    margin-top: -6px;
    width: 15px;
    height: 15px;
    background: #3484cd;
} */
</style>
</head>

<body class="signin">
	<div class="signinpanel">
		<div class="row">
			<div class="">
				<!-- <div class="login-title">
					<img alt="" th:src="@{/img/login-title.png}">
				</div> -->
				<form id="signupForm">
					<h1 class="sysName">南昌市临空经济区重大重点项目</h1>
					<div id="signupFormDiv">
						<div>
							<input type="text" name="username" class="form-control uname" placeholder="输入用户名" value="admin" /> 
							<input type="password" name="password" class="form-control pword" placeholder="输入密码" value="admin123" />
							<!-- <div class="login-code">
								<div class="row m-t code-input" th:if="${captchaEnabled==true}">
									<div class="col-xs-6">
										<input type="text" name="validateCode" class="form-control code"
											placeholder="验证码" maxlength="5" autocomplete="off">
									</div>
								</div>
								<div class="row m-t" th:if="${captchaEnabled==true}">
									<a href="javascript:void(0);" title="点击更换验证码"> <img
										th:src="@{captcha/captchaImage(type=${captchaType})}"
										class="imgcode" width="100%" />
									</a>
								</div>
							</div>
							<div class="row m-t" th:if="${captchaEnabled==true}">
			                    <a href="javascript:void(0);" title="点击更换验证码">
									<img th:src="@{captcha/captchaImage(type=${captchaType})}" class="imgcode" width="100%"/>
								</a>
							</div>
							<div class="row m-t" th:if="${captchaEnabled==true}">
								<div class="col-xs-6">
									 <input type="text" name="validateCode" class="form-control code" placeholder="验证码" maxlength="5" autocomplete="off">
								</div>
							</div>  -->
							<div class="checkbox-custom"
								th:classappend="${captchaEnabled==false} ? 'm-t'">
								<input type="checkbox" id="rememberme" name="rememberme">
								<label for="rememberme">记住用户名</label>
								<a href="/signUp" style="float: right; color:#333;">注册</a>
							</div>
							<button class="btn btn-success btn-block" id="btnSubmit"
								data-loading="正在验证登录，请稍后...">登录</button> 
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
	<!-- <div class="signup-footer">
		<div class="pull-left">
			主办：南昌市临空经济区重大重点项目 承办：南昌市临空经济区重大重点项目 联系电话：-- 传真：-
		</div>
	</div> -->
	<script th:inline="javascript"> var ctx = [[@{/}]];var captchaType = [[${captchaType}]]; </script>
	<!-- 全局js -->
	<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
	<script src="../static/js/bootstrap.min.js"
		th:src="@{/js/bootstrap.min.js}"></script>
	<!-- 验证插件 -->
	<script src="../static/ajax/libs/validate/jquery.validate.min.js"
		th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
	<script src="../static/ajax/libs/validate/messages_zh.min.js"
		th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>
	<script src="../static/ajax/libs/layer/layer.min.js"
		th:src="@{/ajax/libs/layer/layer.min.js}"></script>
	<script src="../static/ajax/libs/blockUI/jquery.blockUI.js"
		th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
	<script src="../static/jade/js/jade-ui.js"
		th:src="@{/jade/js/jade-ui.js?v=4.0.0}"></script>
	<script src="../static/jade/login.js" th:src="@{/jade/login.js}"></script>
</body>
</html>
